<?php echo $this->fetch('member.header.html'); ?>
<style type="text/css">
.my_money .conzi{overflow:hidden; margin-top:10px;}
.my_money .conzi H5{border:1px #A1BEDE solid; background:url(<?php echo $this->res_base . "/" . 'images/cashier_conzi.gif'; ?>); height:31px; line-height:31px; color:#4D4D4D; text-indent:10px;}
.my_money .conzi_box{border:3px #BCCCEE solid; background:#FFFFFF; padding:20px;overflow:hidden}
.my_money dd img{border:1px #ccc solid;}
.my_money dt span {font-size:12px; font-weight:normal;color: #232323;}
.my_money .defray {width: 100%;  margin-bottom: 10px;overflow:hidden}
.my_money .defray dt {height: 28px; line-height: 28px;width: 100%;border-bottom:1px #CFD2D7 dotted;font-weight: bold; font-size:14px; color: #333;}
.my_money .defray dd {float:left; width: 207px;padding-top:15px;overflow: hidden;}
.my_money .defray dd img{border:1px #ccc solid;}
.my_money .defray dd .explain {line-height: 17px; padding-top:8px; color: #787878;}
.my_money .defray dd .explain b{color:#333; font-size:13px}
.my_money .defray dd i{color:#F00; font-style:normal;}
.my_money .alipay {width: 100%; margin-top: 30px;margin-bottom: 20px;overflow:hidden}
.my_money .alipay dt {height: 35px; line-height: 35px;width: 100%;border-bottom:1px #cccccc solid;font-weight: bold; font-size:22px; color: #00f; cursor:default;overflow:hidden}
.my_money .alipay dd {padding-top:15px;overflow: hidden;}
.my_money .alipay dd .img_left {float:left; width:210px}
.my_money .alipay dd .explain {float:left; width:350px; line-height: 18px; color: #787878;}
.my_money .alipay dd .explain b{color:#333; font-size:13px;}
.my_money .alipay dd i{color:#F00; font-style:normal;}
.my_money .defray dd .img_bank { margin-left:8px;cursor:pointer;background-image: url(<?php echo $this->res_base . "/" . 'images/bank_icon.jpg'; ?>);display:inline-block;height:32px;width:130px; border:1px #ddd solid;background-repeat: no-repeat;}
.ICBC{background-position: 0 -18px;}
.CMB {background-position: 0 -58px;}
.CCB{background-position: 0 -96px;}
.BOC{background-position: 0 -136px;}
.ABC{background-position: 0 -176px;}
.COMM{background-position: 0 -216px;}
.PSBC {background-position: 0 -256px;}
.CEB {background-position: 0 -296px;}
.SPDB {background-position: 0 -336px;}
.GDB {background-position: 0 -376px;}
.CITIC {background-position: 0 -417px;}
.CIB {background-position: 0 -458px;}
.SDB {background-position: 0 -500px;}
.CMBC {background-position: 0 -538px;}
.BJBANK {background-position: 0 -580px;}
.HZCB {background-position: 0 -624px;}
.SHBANK {background-position: 0 -663px;}
.BJRCB {background-position: 0 -697px;}
.SPABANK {background-position: 0 -732px;}
.FDB {background-position: 0 -772px;}
.WZCB {background-position: 0 -808px;}
.NBBANK {background-position: 0 -848px;}
.ICBCBTB{background-position: 0 -888px;}
.CCBBTB{background-position: 0 -930px;}
.SPDBBTB{background-position: 0 -966px;}
.ABCBTB{background-position: 0 -1006px;}
</style>
<div class="content_color">
<div class="content">
  <?php echo $this->fetch('member.menu.html'); ?>
  <div id="right">
    <?php echo $this->fetch('member.submenu.html'); ?>
      <div class="wrap">
          <div class="public_select table">
      <form id="alipayform" method="post">      
        <div class="my_money">
        <div class="my_monye_info">
        <dl>
          <dt>您的会员账户：<strong><?php echo htmlspecialchars($this->_var['visitor']['user_name']); ?></strong></dt>
          <dt>您的当前账户余额：<strong>$ <?php echo $this->_var['money_money']; ?></strong> 美元</dt>
          <dt><img src="<?php echo $this->res_base . "/" . 'images/member/remit_pay_li.png'; ?>" width="17" height="16" align="absmiddle" /><a href="index.php?app=my_money&amp;act=audit_ailpay">查看充值记录</a></dt>
        </dl>
        <dl><dt><strong style="font-size:14px; color:#F00">请输入充值金额：</strong>
        <input type="text" maxLength="10" id="money" name="money" class="text_small"/>  美元</dt></dl>
        </div>
        <DIV class=conzi>
        <H5>请选择充值方式：</H5>
        <DIV class=conzi_box>
          <dl class="defray">
              <dt><img src="<?php echo $this->res_base . "/" . 'images/member/bank_title1.gif'; ?>" width="91" height="25" align="absmiddle" /><span>需要开通网上银行</span></dt>
                <dd><input type="radio" name="ebank_type" value="ICBCB2C"/><span class="img_bank ICBC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CMB"/><span class="img_bank CMB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CCB"/><span class="img_bank CCB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="BOCB2C"><span class="img_bank BOC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="ABC"/><span class="img_bank ABC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="COMM"/><span class="img_bank COMM"></span></dd>
                <dd><input type="radio" name="ebank_type" value="PSBC-DEBIT"/><span class="img_bank PSBC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CEBBANK"/><span class="img_bank CEB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="SPDB"/><span class="img_bank SPDB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="GDB"><span class="img_bank GDB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CITIC"/><span class="img_bank CITIC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CIB"/><span class="img_bank CIB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="SDB"><span class="img_bank SDB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CMBC"/><span class="img_bank CMBC"></span></dd>
                <dd><input type="radio" name="ebank_type" value="BJBANK"/><span class="img_bank BJBANK"></span></dd>
                <dd><input type="radio" name="ebank_type" value="HZCBB2C"/><span class="img_bank HZCB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="SHBANK"/><span class="img_bank SHBANK"></span></dd>
                <dd><input type="radio" name="ebank_type" value="BJRCB"/><span class="img_bank BJRCB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="SPABANK"/><span class="img_bank SPABANK"></span></dd>
                <dd><input type="radio" name="ebank_type" value="FDB"/><span class="img_bank FDB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="WZCBB2C-DEBIT"><span class="img_bank WZCB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="ICBCBTB"/><span class="img_bank ICBCBTB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="CCBBTB"/><span class="img_bank CCBBTB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="SPDBB2B"/><span class="img_bank SPDBBTB"></span></dd>
                <dd><input type="radio" name="ebank_type" value="ABCBTB"/><span class="img_bank ABCBTB"></span></dd>
          </dl>
          <dl class="alipay">
              <dt><img src="<?php echo $this->res_base . "/" . 'images/member/bank_title2.gif'; ?>" width="110" height="25" align="absmiddle" /><span>使用支付宝快速付款</span></dt>
              <dd>
                 <p class="img_left"><input type="radio" name="ebank_type" value="alipay" />
                 <img src="<?php echo $this->res_base . "/" . 'images/member/bank_zfb.gif'; ?>" width="130" height="32" align="absmiddle" /></p>
              </dd>
          </dl>
          <p style="padding-top:15px;display:block">
          <INPUT class="submit_btn" onclick="javascript:return check_form();" type="button" value="下一步" name="submit">
          <span id="ebank_type_tip" style="color:#F00"></span>
          <input type="submit" class="submit_btn" value="下一步" name="submit" id="gopay_submit" style="display:none;">
          </p>
        </DIV>
      </DIV>  
      </div>        
   </form>
   
<script type="text/javascript">
//<!CDATA[
$(document).ready(function(){
	$('.conzi_box dd img').css('cursor','pointer');
	$('.conzi_box dd img').click(function(){
		$(this).prev().click();
	});
	$('.conzi_box .img_bank').click(function(){
		$(this).prev().click();
	});	
});
function check_form() {
	if($('#money').val()==''){
		$('#money').focus();
		alert("请输入您要充值的金额");
	}else{
		if( $('input[name=ebank_type]:checked').val() == undefined ) {
			alert('请选择支付银行');
			$('#ebank_type_tip').html('请选择支付银行');
			return;
		} else {
			$('#ebank_type_tip').html('');
			$('#gopay_submit').click();
		}
	}		
}
$.fn.numeral = function() {
    $(this).css("ime-mode", "disabled");
    this.bind("keypress",function() {
        var event = arguments[0]||window.event;
        var currentKey = event.charCode||event.keyCode;
        if (currentKey == 46) {
            if (this.value.indexOf(".") != -1) {
                return false;
            }
        } else {
            return currentKey >= 46 && currentKey <= 57;
        }
    });
    this.bind("blur", function() {
        if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
            this.value = this.value.substr(0, this.value.length - 1);
        } else if (isNaN(this.value)) {
            this.value = "";
        }
    });
    this.bind("paste", function() {
        var s = clipboardData.getData('text');
        if (!/\D/.test(s));
        value = s.replace(/^0*/, '');
        return false;
    });
    this.bind("dragenter", function() {
        return false;
    });
    this.bind("keyup", function() {
    if (/(^0+)/.test(this.value)) {
        this.value = this.value.replace(/^0*/, '');
        } 
    });
};
$("#money").numeral();
//]]>
</script>        
  <p style="font-size:12px; margin:10px 0 20px 150px;">
    <span style="color:#FF0000">温馨提示：</span>充值成功后您还需到"待付款订单"中支付货款，订单才会生效
  </p>
          </div>
      </div>
  </div>
    <div class="clear"></div>
</div>
<iframe name="iframe_post" id="iframe_post" width="0" height="0"></iframe>
</div>
<?php echo $this->fetch('footer_member.html'); ?>